<template>
	<view>
		<view class="set-box">
			<view class="view-list-item">
				<text class="text-list-item">手机号</text>
				<image class="img-right" src="../../static/right.png" mode=""></image>
			</view>

			<view class="view-list-item">
				<text class="text-list-item">个人资料</text>
				<image class="img-right" src="../../static/right.png" mode=""></image>
			</view>

			<view class="view-list-item" @click="agreement">
				<text class="text-list-item">平台服务协议</text>
				<image class="img-right" src="../../static/right.png" mode=""></image>
			</view>

			<view class="view-list-item">
				<text class="text-list-item">隐私协议</text>
				<image class="img-right" src="../../static/right.png" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			}
		},

		methods: {
			agreement(){
				uni.navigateTo({
					url: '../agreement/agreement'
				})
			}
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #f1f1f1;
	}
	.set-box {
		background-color: #FFF;
		margin-top: 1rpx;

		.view-list-item {
			display: flex;
			align-items: center;
			background-color: #FFF;
			height: 100rpx;
			padding: 0 30rpx;
			border-top: 1rpx solid #f1f1f1;

			.text-list-item {
				flex-grow: 1;
				flex-shrink: 1;
				font-size: 30rpx;
				color: #222;
			}

			.img {
				width: 80rpx;
				height: 80rpx;
			}

			.img-right {
				margin-left: 18rpx;
				width: 12rpx;
				height: 20rpx;
			}
		}
	}
</style>
